<template>
    <div>
    <div class="content-top">
      <h1 class="col">zookeeper</h1>
    </div>
    <div class="content-body">
      <div class="content-title">
        特性
      </div>
        <div class="content-box">
          特性
      </div>
      <div class="content-title">
        行业应用
      </div>
      <div class="content-box">
        行业应用
      </div>

      </div>
    </div>

  </div>


</template>

<script>
export default {
  data() {
    return {

    };
  },
  methods: {

  }
}

</script>

<style scoped>
.content-top{
  background-color: #7272b2;
  height: 350px;
}
.content-title{
  height:150px;
  background-color: gray;
}
.content-box{
  text-align: center;
}
.content-box-item-4{
  display: inline-block;
  width: 24%;
  background-color: #369CB2;
  height:300px;
}

.content-body{

}
</style>
